body,html{width:100%;}
#header-wrap{width:100%;height:34px;background:#eee}
.header{height:34px;background:#eee;margin:0 auto;width:1190px;}
.header-left{margin-top:7px;float:left;}
.header-left ul li{float:left;}
.header-left ul li a{display:block;height:20px;padding:0 12px 0 27px;color:#666;font-size:12px;position:relative;}
.header-left ul li a b{margin-left:5px;}
.header-left ul li a span{display:inline-block; background:url(../images/header-02.png) no-repeat;width:22px;height:21px;position:absolute;left:0;}
.header-left ul li a i{display:inline-block; background:url(../images/header-01.png) no-repeat;width:9px;height:5px;background-position:-175px -111px;margin-left:5px;transition:all 0.1s linear}

.header-left ul li a:hover{color:#e5004f}
.header-left ul li:nth-of-type(1) a span{background-position:-224px 0px;}
.header-left ul li:nth-of-type(2) a span{background-position:-224px -58px;}
.header-left ul li:nth-of-type(1) a:hover span{background-position:-224px -27px;}
.header-left ul li:nth-of-type(2) a:hover span{background-position:-224px -88px;}
.header-left ul li:nth-of-type(3) a span{display:block;height:20px; background:url(../images/phone.png) no-repeat 0 0;}
.header-left ul li:nth-of-type(3) a:hover span{background-position:0 -20px;}

.header-left ul li a:hover i{transform:rotateZ(180deg);}

/*头部右侧*/
.header-right{float:right;margin-top:7px;font-size:12px;}
.header-right ul li{float:left;padding:0 8px;position:relative;height:27px;}
.header-right ul li a{font-size:12px;color:#666;display:inline-block;}
.header-right ul li:nth-of-type(1) a{margin-right:10px;}
.header-right ul li a span{margin-right:10px;}
.header-right ul li:hover span{color:#e5004f;}
.header-right ul li:nth-of-type(1) a:hover{color:#e5004f;}
.header-right ul li:nth-of-type(3) i{display:inline-block; background:url(../images/header-01.png) no-repeat;width:9px;height:5px;background-position:-175px -111px;transition:all 0.1s linear;position:relative;right:8px;}
.header-right ul li:nth-of-type(3):hover i{transform:rotateZ(180deg);}
/*二级菜单*/
.header-right ul li:nth-of-type(3) ul{width:92px;height:176px;background:#fff;position:absolute;top:27px;left:-6px;display:none;z-index:1}
.header-right ul li:nth-of-type(3) ul li{padding:0;height:29px;width:92px}
.header-right ul li:nth-of-type(3) ul li a{display:block; border-bottom:1px solid #666;;line-height:29px;text-align:center;height:29px;width:92px}
.header-right ul li:nth-of-type(3) ul li:nth-of-type(6) a{border-bottom:none;}
.header-right ul li:nth-of-type(3) ul li a:hover{color:#e5004f;text-decoration:underline;}
.header-right ul li:nth-of-type(3):hover ul{display:block;}


/*header-banner*/
#header-banner{height:80px;width:100%;}
#header-banner a{display:block; background:url(../images/header-banner.jpg) center; height:80px;width:100%;}
#header-banner a img{width:100%;height:100%;}

/*main-wrap*/
#main-wrap{width:100%;height:160px;border-bottom:1px solid #2d2e2e;background:#fff;}
.main{width:1190px;height:160px;margin:0 auto;background:#fff;}
.main-top{width:1190px;height:120px;}
.m-left{padding-top:21px;float:left;}
.m-left h1{float:left;}
.m-left h1 a{display:block;background:url(../images/logo.gif) no-repeat;width:215px;height:76px;text-indent:-999px;float:left;border-right:1px solid #ccc;padding-right:15px;margin-right:10px;float:left;}
.m-left img{float:left;}
.m-center{width:498px;float:left;margin-top:40px;margin-left:158px;}
.m-center .search{height:34px;}
.m-center .search input{width:442px;height:30px;border:2px solid #323333;padding-left:5px;float:left;}
.m-center .search button{background:url(../images/submit.png) no-repeat;width:46px;height:34px;border:none;float:left;cursor:pointer;}
.m-center .list{height:18px;margin-top:10px;}
.m-center .list a{font-size:12px;margin-right:8px;}
.m-center .list a:hover{color:#e5004f;text-decoration:underline;}
/*购物车*/
.shop{float:right;width:160px;height:34px;background:#323333;margin-top:40px;display:block;background:url(../images/header-02.png) no-repeat -55px -76px;position:relative;}
.shop a{display:block;width:112px;height:34px;line-height:34px;padding-left:48px;}
.shop a span{color:#fff;}
.shop a span strong{color:#e5004f;font-weight:bold;}
.shop a b{display:inline-block;width:7px;height:4px;background:url(../images/header-02.png) no-repeat -189px -111px;position:absolute;top:14px;right:18px;}
.shop .shop-list{width:290px;height:70px;background:#fff;position:absolute;left:-130px;line-height:70px;text-align:center;box-shadow:2px 2px 10px #000;display:none;}
/*main-bottom*/
.main-bottom .b-left{width:210px;height:40px;background:#222;float:left;}
.main-bottom .b-left a{display:block;width:210px;height:40px;line-height:40px;text-align:center;font-size:20px;color:#fff;}
.main-bottom .b-center{height:40px;float:left;margin-left:10px;}
.main-bottom .b-center ul li{float:left}
.main-bottom .b-center ul li a{display:block;height:16px;padding:10px 25px;color:#323333;font-size:16px;}
.main-bottom .b-right{float:right;height:30px;padding-top:10px;}
.main-bottom .b-right a:hover{color:#e5004f;}
/*banner图*/
#banner-wrap{width:100%;height:470px;background:url(../images/bg-1.jpg) no-repeat center;}
.banner{width:1190px;height:470px;margin:0 auto;position:relative;}
.banner .inner{width:1190px;height:470px;overflow:hidden;position:relative;}
.banner .inner ul{position:absolute;left:0;top:0;width:700%;}
.banner .inner ul li{float:left;}
.banner a img{width:1190px;height:470px;}
.banner ol{width:210px;height:470px;position:absolute;left:0;top:0;background:#333;}
.banner ol li {}
.banner ol>li>a{display:block;width:177px;color:#fff;height:46px;border-bottom:1px solid #515151;line-height:46px;padding:0 15px 0 18px;}
.banner ol>li>a:hover{background:#e5004f;}
.banner ol>li>a b{float:right;font-size:15px;color:#999;}
.banner ol>li>a strong{font-size:16px;}
.banner ol>li>a i{font-size:12px;margin-left:5px;}
.banner ol>li>a span{display:inline-block;width:17px;height:17px; background:url(../images/header-02.png) no-repeat;}
.banner ol li:nth-of-type(1) a span{background-position:0 -111px;position:relative;top:5px;}
.banner ol li:nth-of-type(2) a span{background-position:-17px -111px;position:relative;top:5px;}
.banner ol li:nth-of-type(3) a span{background-position:-34px -111px;position:relative;top:5px;}
.banner ol li:nth-of-type(4) a span{background-position:-51px -111px;position:relative;top:5px;}
.banner ol li:nth-of-type(5) a span{background-position:-68px -111px;position:relative;top:5px;}
.banner ol li:nth-of-type(6) a span{background-position:-85px -111px;position:relative;top:5px;}
.banner ol li:nth-of-type(7) a span{background-position:-102px -111px;position:relative;top:5px;}
.banner ol li:nth-of-type(8) a span{background-position:-119px -111px;position:relative;top:5px;}
.banner ol li:nth-of-type(9) a span{background-position:-136px -111px;position:relative;top:5px;}
.banner ol li:nth-of-type(10) a span{background-position:-153px -111px;position:relative;top:5px;}

.banner ol li:nth-of-type(1) a:hover span{background-position:0 -129px;position:relative;top:5px;}
.banner ol li:nth-of-type(2) a:hover span{background-position:-17px -129px;position:relative;top:5px;}
.banner ol li:nth-of-type(3) a:hover span{background-position:-34px -129px;position:relative;top:5px;}
.banner ol li:nth-of-type(4) a:hover span{background-position:-51px -129px;position:relative;top:5px;}
.banner ol li:nth-of-type(5) a:hover span{background-position:-68px -129px;position:relative;top:5px;}
.banner ol li:nth-of-type(6) a:hover span{background-position:-85px -129px;position:relative;top:5px;}
.banner ol li:nth-of-type(7) a:hover span{background-position:-102px -129px;position:relative;top:5px;}
.banner ol li:nth-of-type(8) a:hover span{background-position:-119px -129px;position:relative;top:5px;}
.banner ol li:nth-of-type(9) a:hover span{background-position:-136px -129px;position:relative;top:5px;}
.banner ol li:nth-of-type(10) a:hover span{background-position:-153px -129px;position:relative;top:5px;}

.nav-list{width:495px;height:410px; position:absolute;top:0;left:210px;display:none;}
.nav-list .n-left{width:294px;background:#252a2a;height:389px;float:left;padding:21px 20px 0 20px;}
.nav-list .n-left li h4{color:#f9feff;}
.nav-list .n-left li{border-bottom:1px dashed #505556;padding-bottom:5px;margin-bottom:5px;}
.nav-list .n-left li:last-of-type{border-bottom:none;}
.nav-list .n-left li span{margin-right:5px;cursor:pointer;}
.nav-list .n-left li span:hover{color:#e40753}
.nav-list .n-left li span:nth-of-type(2n+1){color:#e40753;}
.nav-list .n-right{width:160px;height:410px;background:#080808;float:left;padding:21px 15px 0 15px;box-sizing:border-box;}
.nav-list .n-right h4{color:#f9feff;border-bottom:1px dashed #505556;padding-bottom:5px;}
.nav-list .n-right  ul li a{color:#feffff;font-size:12px;line-height:20px;}
.nav-list .n-right  ul li a:hover{color:#e5004f;}

.banner-small{position:absolute;right:0;top:0;}
.banner-small a{display:block;background:url(../images/banner-small.jpg) no-repeat;width:200px;height:470px;transition:all 0.2s linear;}
.banner-small a:hover{transform:translateX(-5px)}
.arrow{display:none;}
.banner .prev{display:block;width:30px;height:60px;background:#4c3d48;position:absolute;left:210px;top:50%;marign-top:-30px;font-size:30px;color:#fff;line-height:60px;text-align:center;cursor:pointer;}
.banner .next{display:block;width:30px;height:60px;background:#4c3d48;position:absolute;right:200px;top:50%;marign-top:-30px;font-size:30px;color:#fff;line-height:60px; text-align:center;cursor:pointer;}

/*轮播图-2*/
.dot{position:absolute;left:50%;bottom:22px;}
.dot ul li{width:30px;height:8px;background:#211616;cursor:pointer;float:left;margin-right:1px;}
.dot ul li.active{background:#e5004f;}

/*主体内容content-wrap*/
#content-wrap{width:100%; position:relative;}

/*顶部tab栏*/
.tab{width:1190px;height:352px;margin:0 auto;padding-top:40px;box-sizing:border-box;}
.tab .t-left{width:910px;float:left;}
.t-left>ul{margin-bottom:10px;}
.t-left>ul>li{float:left; position:relative;}
.t-left>ul>li a{display:block;width:303px;height:47px;color:#000;font-size:16px;text-align:center;border-bottom:5px solid #333333;}
.t-left>ul>li a span{ background:url(../images/yt_ico.png) 0 -16px no-repeat;position:absolute;width:7px;height:4px;top:43px;left:50%;margin-left:-4px;display:none;}
/*.t-left ul li a:hover{ font-weight:bold;border-bottom:5px solid #e5004f;}*/
/*.t-left ul li a:hover span{display:block;}*/
.t-left>ul>li.active a{border-bottom:5px solid #e5004f;font-weight:bold;}
.t-left>ul>li.active a span{display:block;}
.t-list{position:relative;}
.t-list .items{display:none;}
.t-list .show{display:block;}
.t-list .items .border-animation{ border:1px solid #eee;width:220px;height:260px;float:left;margin-right:7px;position:relative;}
.t-list .items .border-animation:last-of-type{margin-right:0;}
 .border-animation .border-top{position:absolute;width:1px;height:1px;left:0;top:0;background:#666;}
 .border-animation .border-right{position:absolute;width:1px;height:0px;background:#666;}
 .border-animation .border-bottom{position:absolute;width:0;height:1px;background:#666;}
 .border-animation .border-left{position:absolute;width:1px;height:0px;left:0;top:0;background:#666;}
.tab .t-right{float:right;margin-top:22px;}
.tab .t-right a{display:block;background:url(../images/child.jpg) no-repeat;width:270px;height:300px;}
.tab .t-right a:hover{opacity:0.8;}

.tab-banner{width:1190px;margin:0 auto;height:80px;margin-top:30px;margin-bottom:36px;}
.tab-banner a{display:block;background:url(../images/tab-13.jpg) no-repeat;width:1190px;height:80px;}

/*银泰百货商场同款market*/
.market{width:1190px;margin:0 auto;height:624px;}
.m-logo {background:url(../images/items-1.png) no-repeat;width:349px;height:36px;margin-bottom:14px;}
.m-main{width:1190px;height:577px; border:1px solid #eee;padding:10px;box-sizing:border-box;}
.market-left{float:left;margin-right:13px;}
.market-left a{display:block;background:url(../images/market-1.jpg) no-repeat;width:340px;height:555px;}
.market-left a:hover{opacity:0.8;}
.market-right{float:right;width:815px;}
.market-right>ul{padding-top:5px;border-bottom:3px solid #333;height:35px;width:815px;}
.market-right>ul>li{float:left;position:relative;}
.market-right>ul>li>a{width:102px;height:35px;display:block;text-align:center;border-bottom:3px solid #333;}
/*.market-right>ul>li>a:hover{border-bottom-color:#e5004f;font-weight:bold;color:#000;}*/
/*.market-right>ul>li>a:hover span{display:block;}*/
.market-right>ul>li.active a{border-bottom:3px solid #e5004f;font-weight:bold;color:#000;}
.market-right>ul>li.active a span{display:block;}
.market-right>ul>li a span{ background:url(../images/yt_ico.png) 0 -16px no-repeat;position:absolute;width:7px;height:4px;top:31px;left:50%;margin-left:-4px;display:none;}
.m-list{margin-top:4px;}
.m-list .img a:hover{opacity:0.7}
.m-list .items{display:none;}
.m-list .show{display:block;}
.m-list .border-animation{border:1px solid #eee;width:200px;height:250px;float:left;margin-right:2px;position:relative;margin-bottom:4px;}
.m-list .border-animation:nth-of-type(4n){margin-right:0;}
.m-list .border-animation img{position:relative;left:26px;}
.border-animation .content{width:198px;height:48px;background:#f8f8f8;padding:5px;box-sizing:border-box;}
.border-animation .content a{font-size:12px;}
.border-animation .content p:nth-of-type(1) a{text-decoration:underline;}
.border-animation .content p:nth-of-type(2) span{color:#e5004f;float:left;}
.border-animation .content p:nth-of-type(2) a{float:right;text-decoration:line-through;}

/*时尚名品goods*/
.goods{width:1190px;height:456px;margin:0 auto;padding-top:40px;box-sizing:border-box;}
.g-logo{ background:url(../images/floor_all.png) 0 0 no-repeat;width:251px;height:36px;margin-bottom:14px;}

/*潮流女装women*/
.women .g-logo{background-position:0 -46px;}
/*精品男装*/
.men .g-logo{background-position:0 -92px;}
/*<!--时尚鞋靴-->*/
.shoes .g-logo{background-position:0 -138px;}
/*<!--潮流箱包-->*/
.bag .g-logo{background-position:0 -184px;}
/*<!--美容护肤-->*/
.skin .g-logo{background-position:0 -230px;}
/*<!--运动户外-->*/
.sport .g-logo{background-position:0 -276px;}
/*<!--内衣配饰-->*/
.wear .g-logo{background-position:0 -322px;}
/*<!--可爱婴童-->*/
.kid .g-logo{background-position:0 -368px;}

.goods-left{float:left;width:228px;height:370px;margin-right:8px; border:1px solid #eee;padding:16px 0 0 8px;box-sizing:border-box;}
.goods-left>ul{width:220px;height:172px;margin-bottom:10px;}
.goods-left>ul>li{float:left;margin:0 5px 5px 0;}
.goods-left>ul>li:nth-of-type(3n){margin-right:0;}
.goods-left>ul>li a{display:block;width:65px;height:32px; border:1px solid #eee;text-align:center;line-height:32px;}
.goods-left>ul>li a:hover{background:#e5004f;color:#fff;}
.goods-left .g-banner{width:200px;height:140px;background:#f2f2f2;border-top:1px dashed #969696;position:relative;padding:15px 0 0 20px;box-sizing:border-box}
.g-banner .inner1{width:170px;height:116px;position:relative;overflow:hidden;}
.g-banner .inner1 ul{width:500%;height:170px;position:absolute;}
.g-banner .inner1 ul li{width:170px;height:116px;float:left;}
.g-banner .inner1 ul li a{float:left;display:block;width:75px;height:50px;margin:0 5px 5px 0}
.g-banner .inner1 ul li a img{width:75px;height:50px;}
.g-banner .arrow1 span{display:block; background:url(../images/yt_ico_1.png) no-repeat;position:absolute;cursor:pointer;}
.g-banner .arrow1 span:nth-of-type(1){width:6px;height:11px;background-position:-4px -5px;left:8px;top:50%;}
.g-banner .arrow1 span:nth-of-type(2){width:6px;height:11px;background-position:-32px -5px;right:8px;top:50%;}

.goods-content .inner2{width:390px;height:370px;overflow:hidden;position:relative;float:left;}
.goods-content .inner2 ul{width:500%;height:370px;position:absolute;}
.goods-content .inner2 ul li{float:left;}
.inner2 .prev{display:block;width:30px;height:60px;background:#0f0d0c;position:absolute;left:0px;top:50%;marign-top:-30px;font-size:30px;color:#fff;line-height:60px;text-align:center;cursor:pointer;opacity:0.7}
.inner2 .next{display:block;width:30px;height:60px;background:#0f0d0c;position:absolute;right:0px;top:50%;marign-top:-30px;font-size:30px;color:#fff;line-height:60px; text-align:center;cursor:pointer; opacity:0.7;}
.g-right{float:right;width:552px;height:372px;}
.g-right ul li{float:left;margin-bottom:8px;margin-right:8px;}
.g-right ul li:nth-of-type(2n){margin-right:0;}
.g-right .border-animation{width:270px;height:180px; border:1px solid #eee;position:relative;}

/*底部footer*/
#footer-wrap{width:100%;height:518px;}
.footer{width:1190px;height:518px;margin:0 auto;padding-top:30px;box-sizing:border-box;}
.footer-top{margin-bottom:30px;width:1190px;height:165px;}
.footer-top ul li{float:left;}
.footer-top ul li a{ border:1px solid #eee;}
.footer-top ul li:nth-of-type(1) a{display:block;display:block; background:url(../images/footer-1.jpg) no-repeat;width:394px;height:165px;}
.footer-top ul li:nth-of-type(2) a{display:block;display:block; background:url(../images/footer-2.jpg) no-repeat;width:394px;height:165px;}
.footer-top ul li:nth-of-type(3) a{display:block;display:block; background:url(../images/footer-3.jpg) no-repeat;width:394px;height:165px;}
.footer-top ul li a:hover{opacity:0.7}

.footer-list{margin-bottom:40px;}
.footer-list ul{width:1190px;height:88px;background:#f7f7f7;}
.footer-list ul li{float:left;width:297px;height:88px;padding:20px 0 0 45px;border:1px solid #eee;box-sizing:border-box;}
.footer-list ul li strong i{font-weight:bold;color:#e5004f}
.footer-list ul li span{font-size:12px;display:block;}
.footer-list ul li  b{font-size:12px;}
.footer-list ul li strong{color:#000;font-size:16px;}
.footer-list ul li:nth-of-type(1) strong{color:#e5004f;font-weight:bold;margin-right:20px;}
.footer-list ul li:nth-of-type(1) strong i{display:inline-block;width:14px;height:21px;background:url(../images/footer-01.png) 0 0 no-repeat;margin-right:5px;}
.footer-list ul li:nth-of-type(1) span i{width:18px;height:12px;background:url(../images/footer-01.png) 0 -31px no-repeat;display:inline-block;margin-right:5px;}
.footer-list ul li:nth-of-type(2){background:url(../images/footer-01.png) 52px -64px no-repeat;padding-left:100px;}
.footer-list ul li:nth-of-type(3){background:url(../images/footer-01.png) 52px -135px no-repeat;padding-left:100px;}
.footer-list ul li:nth-of-type(4){background:url(../images/footer-01.png) 40px -210px no-repeat;padding-left:100px;}

/*footer-info*/
.footer-info{width:1190px;text-align:center;}
.footer-info .links{margin-bottom:34px;}
.footer-info .links a{margin:0 10px;font-size:12px;}
.footer-info .links a:hover{color:#e5004f;}
.copyright{margin-bottom:10px;}
.copyright a{font-size:12px;margin-right:5px;color:#b2b2b2;}
.copyright p{font-size:12px;color:#b2b2b2;}
.end a{margin-right:20px;}

/*右侧固定栏*/
#slide{width:50px;height:545px; position:fixed;right:54px;bottom:20px;display:none;}
#slide a{display:block;width:50px;height:50px;overflow:hidden;background:url(../images/floor_nav.png) no-repeat;margin-bottom:5px;position:relative;}
#slide a:nth-of-type(1){background-position:0 0;}
#slide a:nth-of-type(2){background-position:0 -50px;}
#slide a:nth-of-type(3){background-position:0 -110px;}
#slide a:nth-of-type(4){background-position:0 -165px;}
#slide a:nth-of-type(5){background-position:0 -220px;}
#slide a:nth-of-type(6){background-position:0 -275px;}
#slide a:nth-of-type(7){background-position:0 -330px;}
#slide a:nth-of-type(8){background-position:0 -385px;}
#slide a:nth-of-type(9){background-position:0 -440px;}
#slide a:nth-of-type(10){background-position:0 -495px;}
#slide a span{display:none;position:absolute;left:0;top:0;width:50px;height:50px;background:#e5004f;text-align:center;color:#fff;padding:5px;box-sizing:border-box;}
#slide a:hover span{display:block;}
#slide a span.active{display:block;}